<template>
  <div id="telDetail">
    	 <div class="telDetail_top">
    	 	<i class="el-icon-arrow-left" @click="goBack"></i>
    	 	<p class="title">用户信息</p>
    	 </div>
    	 <div class="telDetail_bd">
    	 		<div class="telDetail_bd_title">
    	 				<img :src="baseurl+list.avatar" class="title_img"/>
    	 		</div>
    	 		<div class="telDetail_bd_name">
    	 				<ul>
    	 					<li>
    	 						<span class="li_span1">姓名：</span>
    	 						<span class="li_span2">{{list.username}}</span>
    	 					</li>
    	 					<li>
    	 						<span class="li_span1">公司：</span>
    	 						<span class="li_span2">{{list.companyName}}</span>
    	 					</li>
    	 					<li>
    	 						<span class="li_span1">部门：</span>
    	 						<span class="li_span2">{{list.departmentName}}</span>
    	 					</li>
    	 					<li>
    	 						<span class="li_span1">职位：</span>
    	 						<span class="li_span2">{{list.jobName}}</span>
    	 					</li>
    	 				</ul>
    	 		</div>
    	 </div>
  </div>
</template>

<script>
	export default {
	  name: 'telDetail',
	  data () {
	    return {
	    	list:'',
	    	baseurl:''
	    }
	  },
	  methods:{
	  	goBack(){
	  		history.back(-1)
	  	},
	  },
	  created(){
	  	this.list = this.$route.query.list
	  	this.baseurl=this.NET.BASE_URL
	  },
	}
</script>

<style scoped="scoped">
	#telDetail{
		width: 100%;
		height: 100%;
		font-size:0.14rem;
	}
	.telDetail_top{
		width: 100%;
		height: 0.45rem;
		position: fixed;
		z-index: 999;
		display: flex;
		background-color: #10AEFF;
	}
	
	.title{
		font-size: 0.2rem;
		margin-left: 1.2rem;
	}
	
	.el-icon-arrow-left{
		font-size: 0.25rem;
		margin-top: 0.08rem;
		margin-left: 0.1rem;
	}
	
	.telDetail_bd{
		width: 100%;
		padding-top: 0.5rem;
	}
	
	.telDetail_bd_title{
		width: 90%;
		margin-left: 5%;
		height: 0.6rem;
		margin-top: 0.1rem;
		border: 0.01rem solid gainsboro;
	}
	
	.title_img{
		width: 0.6rem;
		height: 0.6rem;
		border-radius: 0.5rem;
		margin-left: 1.4rem;
	}
	
	.telDetail_bd_name{
		width: 100%;
		height: 3rem;
	}
	
	.telDetail_bd_name ul{
		width: 90%;
		margin-left: 5%;
		height: 3rem;
		margin-top: 0.1rem;
		list-style: none;
		/*border: 0.01rem solid gainsboro;*/
	}
	
	.telDetail_bd_name ul li{
		width: 100%;
		height: 0.6rem;
		margin-top: 0.05rem;
		display: flex;
			border: 0.01rem solid gainsboro;
	}
	
	.li_span1{
		font-size: 0.2rem;
		margin-left: 0.6rem;
		display: block;
		margin-top: 0.1rem;
	}
	
	.li_span2{
		font-size: 0.2rem;
		display: block;
		margin-top: 0.1rem;
	}
</style>
